﻿{extend name="$_theme_public_layout"/} {block name="main"}
<div class="web-content">
    <div class="personal-home-pageFrame">
        <div class="personal-home-pageContent">
            <div class="header">
                <div class="home-header">
                    <div class="home-background" style="background-image:url('__THEME_IMG__/back_own.jpg')">
                        <div class="home-userInfo">
                            <div class="userHeadImg">
                                <img src="{$user.avatar}" onerror="this.src='https://iplaymtg.oss-cn-beijing.aliyuncs.com/static%2Fimg%2Fhead_img.jpg'">
                                <div class="level">
                                    <div>Lv{$user.level}</div>
                                </div>
                            </div>
                            <div class="username">
                                <span>{$user.nickname}</span>
                            </div>
                            <div class="userBadges"></div>
                            {eq name="focusFlag" value="0"}
                            <a href="{:url('User/focus',['id'=>$id,'op'=>1])}">
                                <button class="focus" id="home_to_follow">+关注</button>
                            </a>{/eq} {eq name="focusFlag" value="1"}
                            <a href="{:url('User/focus',['id'=>$id,'op'=>0])}">
                                <button class="focus hasfollow" id="home_to_follow">取消关注</button>
                            </a>{/eq}
                            <button class="sendMsg" id="home_send_msg">私信</button>
                        </div>
                    </div>
                </div>
            </div>
            <div class="main-area">
                <div class="left-side">
                    <div class="focus-area">
                        <div class="left-side-item">
                            <div class="focus-info">
                                <div class="left">
                                    <div class="check-follows">
                                        <span class="focus-num">{$focusCount}</span>
                                        <br>
                                        <span data-toggle="modal" data-target="#focusModal">关注</span>
                                        <!--需要添加模式框弹出具体信息-->
                                        <!-- 模态框（Modal） -->
                                        <div class="modal fade" id="focusModal" tabindex="-1" role="dialog" aria-labelledby="myModalLabel" aria-hidden="true">
                                            <div class="modal-dialog">
                                                <div class="utility-model-modelBody" style="width: 720px; margin-left: -360px;height:600px;">
                                                    <div class="utility-model-modelHeader">
                                                        <div class="utility-model-modelTitle" style="text-align: left; color: rgb(59, 104, 184)">关注列表</div>
                                                        <button Style="float:right;" type="button" class="close" data-dismiss="modal" aria-hidden="true">
                                                            &times;
                                                        </button>
                                                    </div>
                                                    <div class="utility-model-modelContent" style="height: auto">
                                                        <div class="home-center-focus-modal" data-userid="245459">
                                                            <div class="search-area">

                                                            </div>
                                                            <div class="focus-user-list">
                                                                <ul>
                                                                    {volist name="focusInfo" id="data"}
                                                                    <li class="focus-list-item" data-userid="841279">
                                                                        <a class="userHead" target="_blank" href="{:url('User/personal',['id'=>$data.uid_b])}" style="background-image:url(http://static.iyingdi.cn/achievement/badge/frame/cert.png)">
                                                                            <img src="{$data.avatar}">
                                                                        </a>
                                                                        <div class="userInfo">
                                                                            <div class="user-detail" align="left">
                                                                                <a target="_blank" href="{:url('User/personal',['id'=>$data.uid_b])}">
                                                                                    <span class="username" style="color:#5b38b9">{$data.nickname}</span>
                                                                                </a>
                                                                                <span class="level" style="background-image:url(http://static.iyingdi.cn/achievement/badge/board/cert.png)">Lv{$data.level}</span>
                                                                            </div>
                                                                            <div class="focus-num" align="left">
                                                                                <span class="bold-txt">关注：</span>
                                                                                <span class="num-txt">{$data.focusCount}</span>
                                                                                <span class="bold-txt">粉丝：</span>
                                                                                <span class="num-txt">{$data.fansCount}</span>
                                                                            </div>
                                                                            <div class="description" align="left">
                                                                                <span class="bold-txt">简介：</span>
                                                                                <span class="user-description">{eq name="data.description" value=""}这个人很懒，还么有简介。。。{else/}{$data.description}{/eq}
                                                                                </span>
                                                                            </div>
                                                                        </div>
                                                                        {eq name="focusFlag" value="-1"}
                                                                        <a href="{:url('User/focus',['id'=>$data.uid_b,'op'=>0])}">
                                                                            <span class="cancel-follow">取消关注</span>
                                                                        </a>
                                                                        <button class="to-send-msg">私信</button>
                                                                        {else/}
                                                                        <a target="_blank" href="{:url('User/personal',['id'=>$data.uid_b])}" class="goto-personal-home">查看TA的主页</a>
                                                                        {/eq}
                                                                    </li>
                                                                    {/volist}
                                                                </ul>
                                                            </div>

                                                        </div>
                                                    </div>
                                                </div>
                                                <!-- /.modal-content -->
                                            </div>
                                            <!-- /.modal -->
                                        </div>

                                    </div>
                                </div>
                                <div class="right" style="float:right">
                                    <div class="check-fans">
                                        <span class="focus-num">{$fansCount}</span>
                                        <br>
                                        <span data-toggle="modal" data-target="#fansModal">粉丝</span>
                                        <div class="modal fade" id="fansModal" tabindex="-1" role="dialog" aria-labelledby="myModalLabel" aria-hidden="true">
                                            <div class="modal-dialog">
                                                <div class="utility-model-modelBody" style="width: 720px; margin-left: -360px;height:600px;">
                                                    <div class="utility-model-modelHeader">
                                                        <div class="utility-model-modelTitle" style="text-align: left; color: rgb(59, 104, 184)">粉丝列表</div>
                                                        <button Style="float:right;" type="button" class="close" data-dismiss="modal" aria-hidden="true">
                                                            &times;
                                                        </button>
                                                    </div>
                                                    <div class="utility-model-modelContent" style="height: auto">
                                                        <div class="home-center-focus-modal" data-userid="245459">
                                                            <div class="search-area">

                                                            </div>
                                                            <div class="focus-user-list">
                                                                <ul>
                                                                    {volist name="fansInfo" id="data"}
                                                                    <li class="focus-list-item" data-userid="841279">
                                                                        <a class="userHead" target="_blank" href="{:url('User/personal',['id'=>$data.uid_a])}" style="background-image:url(http://static.iyingdi.cn/achievement/badge/frame/cert.png)">
                                                                            <img src="{$data.avatar}">
                                                                        </a>
                                                                        <div class="userInfo">
                                                                            <div class="user-detail" align="left">
                                                                                <a target="_blank" href="{:url('User/personal',['id'=>$data.uid_a])}">
                                                                                    <span class="username" style="color:#5b38b9">{$data.nickname}</span>
                                                                                </a>
                                                                                <span class="level" style="background-image:url(http://static.iyingdi.cn/achievement/badge/board/cert.png)">Lv{$data.level}</span>
                                                                            </div>
                                                                            <div class="focus-num" align="left">
                                                                                <span class="bold-txt">关注：</span>
                                                                                <span class="num-txt">{$data.focusCount}</span>
                                                                                <span class="bold-txt">粉丝：</span>
                                                                                <span class="num-txt">{$data.fansCount}</span>
                                                                            </div>
                                                                            <div class="description" align="left">
                                                                                <span class="bold-txt">简介：</span>
                                                                                <span class="user-description">{eq name="data.description" value=""}这个人很懒，还么有简介。。。{else/}{$data.description}{/eq}
                                                                                </span>
                                                                            </div>
                                                                        </div>
                                                                        {eq name="focusFlag" value="-1"}
                                                                        {eq name="$data.combine" value="1"}
                                                                        <span class="to-cancel-follow">⇌互相关注</span>{/eq}
                                                                        {eq name="$data.combine" value="0"}
                                                                        <a href="{:url('User/focus',['id'=>$data.uid_a,'op'=>1])}"><button class="to-follow">✚关注</button></a>{/eq}
                                                                        <button class="to-send-msg">私信</button>
                                                                        {else/}
                                                                        <a target="_blank" href="{:url('User/personal',['id'=>$data.uid_a])}" class="goto-personal-home">查看TA的主页</a>
                                                                        {/eq}

                                                                    </li>
                                                                    {/volist}
                                                                </ul>
                                                            </div>

                                                        </div>
                                                    </div>
                                                </div>
                                                <!-- /.modal-content -->
                                            </div>
                                            <!-- /.modal -->
                                        </div>


                                    </div>
                                </div>
                            </div>
                            <div class="user-description">
                                <div class="user-description-title">个人简介 {eq name="focusFlag" value="-1"}
                                    <a target="_blank" href="/web/personal/own/infoConfig">编辑</a>
                                    {/eq}
                                </div>
                                {eq name="user.description" value=""}
                                <div class="user-description-txt">这个人很懒，什么都没有写。。。</div>
                                {else/}
                                <div class="user-description-txt">{$user.description}</div>
                                {/eq}
                            </div>
                            <div class="user-game-account">
                                <ul class="user-bind-account">
                                    <li>
                                        <img src="http://static.iyingdi.cn/useraccount/icon/lushi.png">
                                        <span class="account-type">炉石传说</span>
                                        <span class="account-name">444085673@qq.com</span>
                                    </li>
                                    <li>
                                        <img src="http://static.iyingdi.cn/useraccount/icon/zhihu.png">
                                        <span class="account-type">知乎</span>
                                        <span class="account-name">15733169579</span>
                                    </li>
                                    <li>
                                        <img src="http://static.iyingdi.cn/useraccount/icon/steam.png">
                                        <span class="account-type">steam</span>
                                        <span class="account-name">15733169579</span>
                                    </li>
                                </ul>
                            </div>
                        </div>
                    </div>
                    <div class="publish-article"></div>
                    <div class="hot-comment">
                        <div class="left-side-item">
                            <div class="left-side-item-frame">
                                <div class="left-side-item-title">我的本月热评</div>
                                <div class="left-side-item-hotCommentList">
                                    <ul>
                                        <!--循环体-->
                                        <li class="home-hot-comment-item">
                                            <div class="item-content">
                                                <div class="item-articleComment-content">
                                                    <a target="_blank" href="/web/article/search/37422">
                                                        <div class="item-hot-comment-title">【零氪福利】高效拿低保套牌推荐及打法详解</div>
                                                    </a>
                                                    <div class="item-hot-comment-content">我只想和大家说，一定要带螃蟹，抓海盗一刻也不能放松</div>
                                                </div>
                                            </div>
                                        </li>
                                    </ul>
                                </div>
                                <div id="check_all_comment" class="left-side-item-seeAll">
                                    <span>查看全部评论</span>
                                </div>
                            </div>
                        </div>
                    </div>
                </div>
                <div class="main-content">
                    <div class="home-dynamic-area">
                        <div class="home-dynamic-title">
                            <span>我的动态</span>
                        </div>
                        <ul class="home-dynamic-list">
                            <!--评论动态循环体-->
                            <li class="dynamic-item" data-type="articleComment" data-id="2802888">
                                <div class="item-head">
                                    <div class="userHeadImg">
                                        <img src="http://static.iyingdi.cn/user/2016/01/23/efe7abad-8092-43ef-91f6-a9c7463a8d91.jpg">
                                    </div>
                                    <div class="item-head-info">
                                        <div>
                                            <span class="username" style="color:#3b68b8">乱了夏天蓝了海,</span>
                                            <span class="level">Lv.25</span>
                                            <span class="dynamic-type">发表了评论</span>
                                        </div>
                                        <div class="item-head-foot">
                                            <span>2月6日 10:56</span>
                                        </div>
                                    </div>
                                </div>
                                <div class="item-content">
                                    <div class="item-articleComment-content">
                                        <div class="item-articleComment-txt">{评论内容}</div>
                                        <div class="item-articleComment-articleInfo">
                                            <div class="item-articleTitle">
                                                <a target="_blank" href="/web/article/search/52177">文章：{所评论文章标题}</a>
                                            </div>
                                        </div>
                                    </div>
                                </div>
                            </li>
                            <!--发表文章循环体-->
                            <li class="dynamic-item" data-type="article" data-id="3702643">
                                <div class="item-head">
                                    <div class="userHeadImg" style="background-image:url(http://static.iyingdi.cn/achievement/badge/frame/opinion.png)">
                                        <img src="http://static.iyingdi.cn/user/2016/05/02/101ba3fe-ddbf-4435-a249-34732ded18d3.png">
                                    </div>
                                    <div class="item-head-info">
                                        <div>
                                            <span class="username" style="color:#EF636F;">提里奥丶花洒丶赵四</span>
                                            <span class="level" style="background-image:url(http://static.iyingdi.cn/achievement/badge/board/opinion.png)">Lv.41</span>
                                            <span class="dynamic-type">发表了文章</span>
                                        </div>
                                        <div class="item-head-foot">
                                            <span>5月30日 16:01</span>
                                        </div>
                                    </div>
                                </div>
                                <div class="item-content">
                                    <div class="item-articleComment-content">
                                        <a target="_blank" href="/web/article/search/57374">
                                            <div class="item-article-cover">
                                                <img src="http://static.iyingdi.cn/common/2018/05/30/d466edaa-fab4-4b7f-b880-e99038555f3a.jpg">
                                                <span class="seedTitle">{文章版块}</span>
                                            </div>
                                        </a>
                                        <div class="right-part">
                                            <a target="_blank" href="/web/article/search/57374">
                                                <div class="title">{文章标题}</div>
                                            </a>
                                            <div class="description">{文章摘要}</div>
                                        </div>
                                    </div>
                                </div>
                            </li>
                        </ul>
                    </div>
                </div>
                <div class="web-toolBar">
                    <div class="toolBar-innerFrame">
                        <ul class="toolBar-buttonList">
                            <li data-action="secretLetter" class="secretLetter">
                                <i class="secretLetter"></i>
                            </li>
                            <li data-action="back-top" class="back-top">
                                <i class="back-top"></i>
                            </li>
                        </ul>
                    </div>
                </div>
            </div>
        </div>
    </div>
</div>
{/block}